<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>map实例操作</title>
</head>
<body>
    <form action="" onsubmit="return post()">
        接受协议:
        <input type="checkbox" name="agreement" message="请接受协议" />
        我是学生:
        <input type="checkbox" name="student" message="网站只对学生开放" />
        <input type="submit" value="提交">
    </form>
</body>
</html>

<script>
    function post(){
        let map = new Map();
        //根据属性获取dom对象
        let inputs = document.querySelectorAll("[message]");
        //使用set设置数据
        inputs.forEach((item) => {
            map.set(item,{
                message:item.getAttribute('message'),
                status:item.checked
            });
        });

        //遍历Map数据
        //两个都要选中才符合条件  都要为true   选择every
        //every所有返回为true的时候   才返回true  否则有一个false   
        //就会返回false
        [...map].every(([item,config]) => {
            //短路特性   左边的为true就不会执行右边的
            config.status || alert(config.message);
            return config.status;
        });
    }
</script>